<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
	<title>红满堂报名系统</title>
	<style>
	a{
		text-decoration: none;
	}
		#nav{

			border:1px solid black;
			background-color: #FFFFFF;
			position: fixed;
			z-index: 1;
		    height: 200px;
		    top:0px;
		    left:0px;
		    width:100%;
		    text-align: center;

		}
		.clear{
			width: 960px;
		    height: 200px;
		    z-index: -1;
		}
		#nav li{
			list-style-type:none;
			float: left;
			letter-spacing:5px;
			font-family: Courier New;
			border:1px solid black;
			font-size:20px;
			color:#5F656F;
			padding:50px;
			margin-left:50px;
		}
		#conntent{
			border:1px solid black;
			width:960px;
			height:450px;
			margin:0 auto;
			background-color: #FFFFFF;
			color: #8B8B8B;
			font-size: 20px;
			padding:0;
			background:url(image/background.jpg);
			text-align: center;
	
		}
		#footer{
			border:1px solid black;
			width:960px;
			margin:0 auto;
			background-color: #5F656F;
			height:100px;
			text-align: center;
			color: #FFFFFF;
			font-family: Courier New;
			line-height: 20px;
		}
		#footer p{

			top: 50%;
		}
		h1{
			color:white;
			font-family:微软雅黑;
		}
	</style>
</head>
<body bgcolor="#F0EEEF">
<div class="clear"></div>
	<div id="nav">
		<nav>
			<ul>
				<li><img src="image/logo.png"></li>
				<li><a href="index.html">首页</a></li>
				<li><a href="introduction.html">简介</a></li>
				<li><a href="sign.html">报名</a></li>
			</ul>
		</nav>
	</div>
	<div id="conntent" background="image/background.jpg">
		<h1>红满堂招新</br>2015</h1>
	</div>
	<div id="footer">
		<p>Design By Yang.</br>
		Something that you can use in order to help you to succeed</p>
	</div>
</body>

</html>